<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>产品详情页面</title>
  <link rel="stylesheet" href="../scss/details.css">
  <link rel="stylesheet" href="../iconfont/iconfont.css">
</head>

<body>
  <!-- 头部开始 -->
  <div class="global">
    <!-- 顶部开始 -->
    <div class="global-top">
      <!-- 版心开始 -->
      <div class="wrap global-top-box">
        <div class="global-tox clear">
          <!-- 左边的盒子开始 -->
          <div class="global-tox-welcome">
            <!-- 客人初始进来状态 -->
            <div class="welcome-info">
              晚上好, 山姆欢迎您！
              <a href="./denglu.html" class="login">登录 |</a>
              <!-- <i class="line">|</i> -->
              <a href="./zhuce.html" class="register">注册</a>
              <a href="#" class="tuichu">退出</a>
            </div>

          </div>

          <!-- 左边的盒子结束 -->

          <!-- 右边的盒子开始 -->
          <div class="global-tox-nav"">
                            <div class=" global-top-list">
            <div class="me-shanmo">
              <a href="">
                <span>我的山姆</span>
                <i class="iconfont updown">&#xe548;</i>
              </a>

            </div>

            <div class="me-shanmo-list">
              <div class="nav-san"></div>
              <ul>
                <li><a href="">个人资料</a></li>
                <li><a href="">我的订单</a></li>
                <li><a href="">我的优惠卷</a></li>
                <li><a href="">服务中心</a></li>
                <li><a href="">商品点评</a></li>
                <li><a href="">购物咨询</a></li>
              </ul>
            </div>
          </div>
          <div class="line"></div>
          <div class="global-top-list">
            <div class="me-shanmo">
              <a href="">
                <span>帮助中心</span>
                <i class="iconfont updown">&#xe548;</i>
              </a>
            </div>
            <div class="me-shanmo-list">
              <div class="nav-san"></div>
              <ul>
                <li><a href="">常见问题</a></li>
                <li><a href="">忘记密码</a></li>
                <li><a href="">联系我们</a></li>
                <li><a href="">增值服务</a></li>
              </ul>
            </div>
          </div>
          <div class="line"></div>
          <div class="global-top-list">
            <div class="me-shanmo">
              <a href="">
                <span>快购工具</span>
                <i class="iconfont updown">&#xe548;</i>
              </a>
            </div>
            <div class="me-shanmo-list">
              <div class="nav-san"></div>
              <ul>
                <li><a href="">常购清单</a></li>
                <li><a href="">一页购齐</a></li>
              </ul>
            </div>
          </div>
          <div class="line"></div>
          <div class="global-top-list">
            <div class="me-shanmo">
              <a href="">
                <span>会藉介绍</span>
                <i class="iconfont updown">&#xe548;</i>
              </a>
            </div>
          </div>
          <div class="line"></div>
          <div class="global-top-list">
            <div class="me-shanmo">
              <a href="">
                <span>掌上山姆</span>
                <i class="iconfont updown">&#xe548;</i>
              </a>
            </div>
            <div class="me-shanmo-list erwei-box">
              <div class="nav-san nav-erwei"></div>
              <ul class="top-erwei">
                <li><img src="../img/ChEwoVm5ALGAPSTpAAAjU4bQ-U088600.jpg" alt="">
                  <p>山姆微信服务</p>
                </li>
                <li><img src="../img/ChEi3Fo3-AaAerc6AAAHk-vDvoo58100.png" alt="">
                  <p>山姆手机客户端</p>
                </li>
              </ul>
            </div>
          </div>
          <div class="line"></div>

        </div>

        <!-- 右边的盒子结束 -->
      </div>

    </div>

    <!-- 版心结束 -->

  </div>

  <!-- 顶部结束 -->

  <!-- 顶部搜索框部分开始 -->
  <div class="global-header">
    <!-- 版心开始 -->
    <div class="wrap global-header-second clear">
      <!-- 左边logo图开始 -->
      <div class="global-header-logo">
        <a href="../html/shoue.html">
          <img src="../img/logo.png" alt="">
        </a>
      </div>

      <!-- 左边logo图结束 -->

      <!-- 地址开始 -->
      <div class="global-header-loca">
        <i class="iconfont location">&#xe606;</i>
        <span>
          <em id="samCityInfo">上海市</em>
          <span id="globalArea">宝山区同济支路199号</span>
        </span>
      </div>

      <!-- 地址结束 -->

      <!-- 修改地址开始 -->
      <div class="global-header-location">
        <div class="location-center">
          <span>修改地址</span>
        </div>

      </div>

      <!-- 修改地址结束 -->

      <!-- 搜索框开始 -->
      <div class="global-header-search">
        <!-- 左边的搜索框 未完待续-->
        <dl class="global-search">
          <dt>
            <input type="text" id="keyword" value="" placeholder="" url="">
            <button type="button" class="iconfont search">&#xe538;</button>
          </dt>

          <dd></dd>

        </dl>
        <!-- 右边的购物车 -->
        <div class="global-cart">
          <div class="cart clear">
            <a href="../html/cart.html">
              <span class="iconfont cart-title-bg">&#xe752;</span>
              <span class="cart-title-num" id="in_cart_num">0</span>
            </a>

          </div>


        </div>

      </div>


      <!-- 搜索框结束 -->

    </div>

    <!-- 版心结束 -->
  </div>



  <!-- 顶部搜索框部分结束 -->



  <!-- nav导航条部分开始 -->
  <div class="shanmu-nav">
    <!-- 版心开始 -->
    <div class="wrap shanmu-nav-box">
      <ul class="shanmu-nav-list clear">
        <!-- <li class="shanmu-fixed"><a href=""><img src="../img/fixedlogo.png" alt=""></a></li> -->
        <li><a href="">极速达</a>
          <div class="shanmu-category clear">
            <dl>
              <dt>礼遇中秋</dt>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
            </dl>
            <dl>
              <dt>礼遇中秋</dt>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
            </dl>
            <dl>
              <dt>礼遇中秋</dt>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
            </dl>
            <dl>
              <dt>礼遇中秋</dt>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
            </dl>
            <dl>
              <dt>礼遇中秋</dt>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
            </dl>
            <dl>
              <dt>礼遇中秋</dt>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
            </dl>
            <dl>
              <dt>礼遇中秋</dt>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
            </dl>
            <dl>
              <dt>礼遇中秋</dt>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
            </dl>
            <dl>
              <dt>礼遇中秋</dt>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
              <dd>中秋月饼</dd>
            </dl>




          </div>

        </li>
        <li><a href="">生鲜食品</a></li>
        <li><a href="">速食面点</a></li>
        <li><a href="">粮油干活</a></li>
        <li><a href="">零食乳品</a></li>
        <li><a href="">酒水饮料</a></li>
        <li><a href="">母婴中心</a></li>
        <li><a href="">个体护肤</a></li>
        <li><a href="">家居纸品</a></li>
        <li><a href="">智能家电</a></li>
        <li><a href="">手机数码</a></li>
      </ul>

    </div>

    <!-- 版心结束 -->
  </div>

  <!-- nav导航条部分结束 -->






  </div>


  <!-- 头部结束 -->



  <!-- 主体内容开始 -->
  <div class="details-main clear" id="detailsContent">
    <!-- 版心开始 -->
    <!-- 版心结束 -->
  </div>




  <!-- 主体内容结束 -->





  <!-- footer开始 -->

  <div class="global-footer clear">
    <div class="wrap footer-center clear">
      <!-- 上面的盒子 -->
      <div class="footer-region clear">
        <div class="footer-list clear">
          <dl class="footer-first">
            <img src="../img/footlogo.png" alt="" width="120" height="120">
            <p>山姆会员网上商店</p>
            <p>沃尔玛成员</p>
          </dl>

          <dl>
            <dt><a href="">新手指南</a></dt>
            <dd class="xinshou">
              <a href="javascript:;" target="_blank">会籍介绍</a>
              <a href="javascript:;" target="_blank">购物流程</a>
              <a href="javascript:;" target="_blank">快购工具</a>
              <a href="javascript:;" target="_blank">使用优惠券</a>
              <a href="javascript:;" target="_blank">商品评论指南</a>
            </dd>
          </dl>
          <dl>
            <dt><a href="">配送服务</a></dt>
            <dd class="xinshou">
              <a href="javascript:;" target="_blank">运费政策</a>
              <a href="javascript:;" target="_blank">配送范围和时间</a>
              <a href="javascript:;" target="_blank">特殊订单配送</a>
              <a href="javascript:;" target="_blank">验货和签收</a>
            </dd>
          </dl>

          <dl>
            <dt><a href="">支付方式</a></dt>
            <dd class="xinshou">
              <a href="javascript:;" target="_blank">在线支付</a>
              <a href="javascript:;" target="_blank">货到付款</a>
              <a href="javascript:;" target="_blank">其他支付方式</a>
              <a href="javascript:;" target="_blank">发票制度</a>
            </dd>
          </dl>
          <dl>
            <dt><a href="">售后服务</a></dt>
            <dd class="xinshou">
              <a href="javascript:;" target="_blank">退换货服务</a>
              <a href="javascript:;" target="_blank">安装及维修</a>
              <a href="javascript:;" target="_blank">延保服务</a>
              <a href="javascript:;" target="_blank">召回商品</a>
            </dd>
          </dl>
          <dl>
            <dt><a href="">特色服务</a></dt>
            <dd class="xinshou">
              <a href="javascript:;" target="_blank">增值服务</a>
              <a href="javascript:;" target="_blank">订阅促销信息</a>
              <a href="javascript:;" target="_blank">沃尔玛信用卡</a>
            </dd>
          </dl>
          <dl>
            <dt><a href="">帮助中心</a></dt>
            <dd class="xinshou">
              <a href="javascript:;" target="_blank">常见问题</a>
              <a href="javascript:;" target="_blank">订单查询</a>
              <a href="javascript:;" target="_blank">忘记密码</a>
              <a href="javascript:;" target="_blank">联系我们</a>
            </dd>
          </dl>

        </div>

      </div>
      <!-- 下面的盒子 -->
      <div class="footer-nav">
        <p class="footer-about">
          <a href="javascript:;" target="_blank">关于山姆</a>｜
          <a href="javascript:;" target="_blank">山姆网购团队</a>｜
          <a href="javascript:;" target="_blank">价格政策</a>｜
          <a href="javascript:;" target="_blank">隐私政策</a>
        </p>

        <p>
          2010-2019 中国沃尔玛 版权所有｜
          <a href="javascript:;" target="_blank">沪ICP备16047438号-1</a>｜
          <a href="javascript:;" target="_blank"><img src="../img/CgQIzleYb4OAKANeAABLOOn9ZJA30600.png" alt="">浙公网安备
            33011002011183号</a>
        </p>


      </div>

    </div>

  </div>

  <!-- footer结束 -->

</body>
<script src="https://cdn.bootcss.com/jquery/1.9.0/jquery.js"></script>
<script src="../js/cookie.js"></script>
<script src="../js/details.js"></script>

</html>